<template>
  <div id="Batch">
    <v-details
      :detailData="data.detailData"
      :inputConfig="inputConfig"
      :rules="rules"
      ref="input"
    ></v-details>
  </div>
</template>

<script>

import details from 'commons/Detail'
import baseMixin from "@/mixins/BaseMixin";

export default {
  name: "Batch",
  mixins: [baseMixin],
  props: {
    data: {
      type: Object
    }
  },
  data () {
    return {
      inputConfig: [
        [
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:1}),
            props: "lot01operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:2}),
            props: "lot02operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:3}),
            props: "lot03operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
        ],
        [
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot01value",
          },
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot02value",
          },
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot03value",
          },
        ],
        [
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:6}),
            props: "lot06operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:7}),
            props: "lot07operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:8}),
            props: "lot08operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
        ],
        [
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot06value",
          },
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot07value",
          },
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot08value",
          },
        ],
        [
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:9}),
            props: "lot09operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },
          {
            type: "select",
            label: this.$t('outbound.lotoperator',{no:10}),
            props: "lot10operator",
            options: this.getOptions('querycodeLkup/PAOPERATRS')
          },

        ],
        [
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot09value",
          },
          {
            type: "input",
            label: this.$t('outbound.lotvalue'),
            props: "lot10value",
          },
        ],
      ],
      rules: {},
    }
  },
  methods: {},
  mounted () {
  },
  watch: {},
  components: {
    'v-details': details
  }
}
</script>

<style scoped>
</style>
